<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title></title>
 <script type="text/javascript" src="lib/easeljs-0.7.1.min.js"></script>
 <script type="text/javascript" src="lib/tweenjs-0.5.1.min.js"></script>
</head>
<body onload="init()">
 <canvas id="mycanvas" width="800px" height="800px" style="border:1px solid #ccc;"></canvas>
</body>
</html>

<script type="text/javascript">
 var stage;
 function init(){
	  stage = new createjs.Stage(document.getElementById("mycanvas"));
	  createjs.Ticker.setFPS(60);
	  createjs.Ticker.addEventListener('tick',function(e){
	   stage.update()
	  })
	  start()
 }

 function start(){
 	var g = new createjs.Graphics();
 	g.beginStroke('#000').beginFill("#ff0000").drawRect(0,0,100,100);
 	var square = new createjs.Shape(g);
 	square.x = 150;
 	square.y = 100;
 	square.regX = square.regY = 50;
 	stage.addChild(square);
 	createjs.Tween.get(square).to({rotation:720},4000);
 }

</script>